<template>
  <div>
    <el-dialog :title="title" :visible.sync="dialogVisible" width="1300px">
         <el-form class="demo-form-inline" inline="true">
        <el-form-item label="业务员名称">
          <el-input v-model="data.name" />
        </el-form-item>
        <el-form-item label="手机号码" label-width="90px">
          <el-input v-model="data.phone" />
        </el-form-item>
        <el-form-item label="所属级别" label-width="90px">
          <el-select placeholder="请选择">
            <el-option label="--" value="shanghai"></el-option>
            <el-option label="全国" value="quanguo"></el-option>
            <el-option label="省级主管" value="shengji"></el-option>
            <el-option label="市级主管" value="shiji"></el-option>
            <el-option label="业务员" value="yewuyuan"></el-option>
          </el-select>
        </el-form-item>
         <el-form-item label="业务员类型" label-width="90px">
          <el-select placeholder="请选择">
            <el-option label="--" value="shanghai"></el-option>
            <el-option label="普通" value="putong"></el-option>
            <el-option label="虚拟" value="xuni"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="收货(省)" label-width="90px">
          <el-select placeholder="请选择">
            <el-option label="北京市" value="beijing"></el-option>
            <el-option label="天津市" value="tianjing"></el-option>
            <el-option label="河北市" value="hebei"></el-option>
            <el-option label="武汉市" value="wuhan"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="收货(市)" label-width="90px">
          <el-select placeholder="请选择">
            <el-option label="--" value="shi"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="收货(区)" label-width="90px">
          <el-select placeholder="请选择">
            <el-option label="--" value="qu"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="收货(道)" label-width="90px">
          <el-select placeholder="请选择">
            <el-option label="--" value="dao"></el-option>
          </el-select>
        </el-form-item>
         </el-form>
    <el-table :data="list"  :visible.sync="dialogVisible" height="250" border style="width: 100%">
        <el-table-column prop="name" label="业务员姓名">
         <template slot-scope="scope">
          <span>{{scope.row.name}}</span>
        </template>
        </el-table-column>

        <el-table-column prop="phone" label="手机号">
         <template slot-scope="scope">
          <span>{{scope.row.phone}}</span>
        </template>
        </el-table-column>

        <el-table-column prop="levelStr" label="级别">
         <template slot-scope="scope">
          <span>{{scope.row.levelStr}}</span>
        </template>
        </el-table-column>

         <el-table-column prop="rolesName" label="负责范围">
          
        </el-table-column>

         <el-table-column prop="rolesName" label="备注">
          
        </el-table-column>
      </el-table>
       <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="submit()">提 交</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import apisalesman from "@/api/baseManager/salesman";
import { Row } from "element-ui";
export default {
  name: "dialogRemoveBind",
  data() {
    return {
      dialogVisible: false,
      data: {
        list: [],
        listQuery: {
          currentPage: 1,
          showCount: 10,
          name: "",
          phone: "",
          level: "",
          salesmanType: "",
          isDelete: 0,
          shqyP: "",
          shqyC: "",
          shqyA: "",
          shqyS: "",
          name: ""
        }
      }
    };
  },
  created(){
      this.getList()
  },
  methods: {
       getList(){
          let data = apisalesman.getList()
          this.list = data.list;
      },
    open(row) {
      this.data = row;
      this.dialogVisible = true;
      this.title = "解除绑定关系--" + row.name;
    },
    //提交
    submit() {}
  }
};
</script>

<style scoped>
</style>